<template>
  <div class="detailDialog">
    <el-dialog :visible.sync="visible" title="详情" width="30%" :close-on-click-modal="false">
      <div class="lis">
        <div class="title">模板渠道：</div>
        <div class="txt">{{ detailMsg.tempChannel }}</div>
      </div>
      <div class="lis">
        <div class="title">模板内容：</div>
        <div class="txt">{{ detailMsg.tempContent }}</div>
      </div>
      <div class="lis">
        <div class="title">模板编码：</div>
        <div class="txt">{{ detailMsg.tempCodeNo }}</div>
      </div>
      <div class="lis">
        <div class="title">AccessKey：</div>
        <div class="txt">{{ detailMsg.AccessKeyMin }}</div>
      </div>
      <div class="lis">
        <div class="title">Secret：</div>
        <div class="txt">{{ detailMsg.SecretMin }}</div>
      </div>
      <div class="lis">
        <div class="title">签名：</div>
        <div class="txt">{{ detailMsg.signature }}</div>
      </div>
      <div class="lis">
        <div class="title">模板Code：</div>
        <div class="txt">{{ detailMsg.tempCode }}</div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: ['detailMsg'],
  data() {
    return {
      visible: false
    }
  },
  methods: {
    detailEdit() {
      this.visible = true
    }
  }
}
</script>

<style lang="scss" scoped>
.detailDialog {
	.lis {
		margin-bottom: 20px;
		display: flex;
		justify-content: space-around;
		.title {
			flex: 1;
			text-align: right;
		}
		.txt {
			flex: 5;
		}
	}
}
</style>
